<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<title>统计</title>
		<meta http-equiv="expires" content="0">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<link rel="stylesheet" href="../../../css/reset.css" />
		<link rel="stylesheet" href="../../../css/mui.min.css" />
		<link rel="stylesheet" href="../../../css/iconfont.css" />
		<link rel="stylesheet" href="../../../css/cmms.css" />
		<link rel="stylesheet" href="../../../css/sale/index.css" />
		<link rel="stylesheet" href="../../../css/sale/statistics/statistics.css" />
	</head>
	<style type="text/css">
		
	</style>
	<body>
		<div class="mui-content" id="statistics" v-cloak>
		    <div class="NumBox basic-bg-color">
		    	<p>{{indexInfo.amount}}</p>
		    	<span>本月累计检验额(元)</span>
		    </div>
		    <div class="panel">
		    	<div class="statBox">
		    		<div class="line1">
		    			<p>
				    		<span>检验金额</span>
				    		<span>{{indexInfo.amount}}</span>
				    	</p>
				    	<p>
				    		<span>应收金额</span>
				    		<span>{{indexInfo.settleAmount}}</span>
				    	</p>
				    	<p>
				    		<span>实收金额</span>
				    		<span>{{indexInfo.actualAmount}}</span>
				    	</p>
		    		</div>
		    		<div class="line2">
		    			<p>
				    		<span>出单业务员</span>
				    		<span>{{indexInfo.outOrderSaleNum}}</span>
				    	</p>
				    	<p>
				    		<span>出单诊所数</span>
				    		<span>{{indexInfo.outHospitalNum}}</span>
				    	</p>
				    	<p>
				    		<span>订单数</span>
				    		<span>{{indexInfo.orderNum}}</span>
				    	</p>
				    	<p>
				    		<span @tap="lookMonReport">查看月报<i class="iconfont icon-chakangengduo"></i></span>
				    	</p>
		    		</div>
		    	</div>
		    </div>
		    <div class="panel">
		    	<div class="perfor">
		    		<span @click="salePerform"><i class="iconfont icon-renxiang basic-color"></i>业务员业绩</span>
		    		<span @click="docPerform"><i class="iconfont icon-yisheng basic-color"></i>医生业绩</span>
		    	</div>
		    </div>
		    <div class="panel" v-for="indInfo in indexInfo.list">	
		    	<div class="statBox">
		    		<P class="line addLine">
	    				<span class="basic-color">{{indInfo.name}}</span>
	    				<span class="basic-color">销售日报</span>
		    			<span class="right">{{indInfo.time}}</span>
		    		</P>
		    		<div class="line1 addLine">
		    			<p>
				    		<span>检验金额</span>
				    		<span>{{indInfo.amount}}</span>
				    	</p>
				    	<p>
				    		<span>应收金额</span>
				    		<span>{{indInfo.settleAmount}}</span>
				    	</p>
				    	<p>
				    		<span>实收金额</span>
				    		<span>{{indInfo.actualAmount}}</span>
				    	</p>
		    		</div>
		    		<div class="line2">
				    	<!--<p>
				    		<span>出单诊所数</span>
				    		<span>{{indInfo.outHospitalNum}}</span>
				    	</p>-->
				    	<p>
				    		<span>订单数</span>
				    		<span>{{indInfo.orderNumDay}}</span>
				    	</p>
				    	<p>
				    		<span @tap="lookDayReport(indInfo.id)">查看订单<i class="iconfont icon-chakangengduo"></i></span>
				    	</p>
		    		</div>
		    	</div>
		    </div>
		    <div class="noData" v-show="!dayReport.length>0">
				<p><img src="../../../img/nodata.png"/></p>
				<p>暂无内容</p>
			</div>
		</div>
		<script src="../../../js/mui.min.js"></script>
		<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
		<script src="../../../js/vue.js"></script>
		<script src="../../../js/cmms.js?time=333"></script>
		<script>
			new Vue({
				el:"#statistics",
				data:{
					indexInfo:'',
					dayReport:''
				},
				mounted(){
					this.loadInfo();
				},
				methods:{
					loadInfo(){
						let _this = this;
						/*查询销售主页信息*/
						AT.muiAjax('/partner-sale/statistics/home','post',{						
						},
						function(res){
							console.log(res);
							_this.indexInfo = res;
							_this.dayReport =res.list;
						});
					},
					lookMonReport(){
						location.href='saleReport.html';
					},
					salePerform(){
						location.href='salePerform.html?t=1';
					},
					docPerform(){
						location.href='docPerform.html';
					},
					lookDayReport(id){
						location.href='order.html?id='+id;
					}
				}
			})
		</script>
	</body>
</html>